<div class="meta-container meta-container-60">
    <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12 detail-block" cg-busy="talent.$promise">
        <div class="meta-no-margin person-info-block">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 col-lg-4 meta-no-padding">
                <div class="avatar"
                     ng-style="{'background-image':'url('+(talent.user.avatar ||'images/common/header.png')+')'}"></div>
            </div>
            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
                <div class="person-info-title">
                    <h3 class="meta-no-margin">{{talent.user.name}}<span>{{talent.title}}</span></h3>

                    <p style="margin-right:25px;">{{talent.organization}}<i class="hr-v"></i>{{talent.department}}
                    </p>

                    <p><img src="/images/common/area_icon.png" class="meta-tab-area" alt="学科领域"></i>
                        {{talent.disciplineclass}}&nbsp;&nbsp;{{talent.discipline}}</p>

                    <div class="clear-float"></div>
                </div>
                <hr/>
                <ul class="person-info-area">
                    <li class="meta-tab meta-tab-sm" ng-repeat="element in talent.keywords track by $index">
                        {{element}}
                    </li>
                    <li class="clear-float"></li>
                </ul>
                <!--<div class="person-info-contact meta-tab">-->
                <!--</div>-->
                <div class="person-info-buttons">
                    <button class="btn btn-sm btn-meta-blue-reverse" ui-sref="meta.talent.edit"
                            ng-if="talent.user.id === USER.id">编辑我的主页
                    </button>
                    <button class="btn btn-meta-14 btn-meta-blue-reverse" ng-click="Favorite()" ng-bind="isFavorited?'已收藏':'收藏'">收藏</button>
                    <button uib-popover-template="talent.templateUrl" popover-placement="right"
                            class="btn btn-meta-14 btn-meta-blue-reverse">分&nbsp;&nbsp;享</button>
                    <script type="text/ng-template" id="myPopoverTemplate.html">
                        <qrcode version='8' data="{{hrefSrc}}" href="{{hrefSrc}}"></qrcode>
                    </script>
                </div>
            </div>
            <div class="col-xs-12">
                <ul class="person-info-area">
                    <li class="meta-tab meta-tab-sm" ng-repeat="element in talent.keywords track by $index">
                        {{element}}
                    </li>
                    <li class="clear-float"></li>
                </ul>
                <div class="person-info-contact meta-tab">
                </div>
                <div class="person-info-buttons">
                </div>
            </div>
            <div class="clear-float"></div>
        </div>
        <div class="meta-container-60 person-base-intro">
            <h4>简介</h4>
            <hr/>
            <div class="fr-view" ng-bind-html="talent.brief | unsafe"></div>
        </div>
        <div class="meta-container-60 person-base-intro">
            <h4>研究方向</h4>
            <hr/>
            <div ng-repeat="area in researchAreas track by $index" style="margin: 20px 0">
                <h4 ng-bind="area.name"></h4>

                <p class="fr-view" ng-bind-html="area.content | unsafe">
                </p>
                <hr>
            </div>
        </div>
        <div id="talent-sub" class="meta-container-60" style="margin-bottom:120px;">
            <ul class="nav-tabs">
                <li><a class="uib-tab" ng-class="{'active': $state.includes('meta.talent.detail.project')}"
                       ui-sref='meta.talent.detail.project({page: 1})'>项目{{projectTotal || 0}}</a></li>
                <li><a class="uib-tab" ng-class="{'active': $state.includes('meta.talent.detail.patent')}"
                       ui-sref='meta.talent.detail.patent({page: 1})'>专利{{patentTotal || 0}}</a></li>
                <li><a class="uib-tab" ng-class="{'active': $state.includes('meta.talent.detail.paper')}"
                       ui-sref='meta.talent.detail.paper({page: 1})'>论文{{paperTotal || 0}}</a></li>
                <li class="clear-float"></li>
            </ul>
            <div ui-view="tabData" class="tab-pane"></div>
        </div>
    </div>
    <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12 detail-recommend" cg-busy="recommendPromise">
        <h4>相关技术人才</h4>
        <ul class="col-lg-12 col-md-6 col-sm-6 col-xs-12">
            <li ng-repeat="element in recommendData" ng-if="element.title&&element.user.name"><a
                ui-sref="meta.talent.detail.project({talentId:element.id})">{{element.organization}}<i
                class="hr-v" ng-if="element.organization&&element.user.name"></i>{{element.user.name}}{{element.title}}</a>
            </li>
        </ul>
    </div>
    <div style="clear:both;"></div>
</div>
